html, body {position: relative;height: 100%;}
body {background: #efefef;}
#index-page{width: 100%;height: 100%;}
#index-page .page-slide{width: 100%;height:100%;position:relative;z-index:0;}
#index-page .index-swiper-pagination{left:10px!important;top:50%!important;transform: translateY(-50%);width:40px;overflow:hidden;position:absolute;z-index:9;}
#index-page .index-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{display:block;width:100%;height:30px;background:none;border-radius:0;text-align:center;font-size:14px;line-height:30px;color:#aaaeb7;opacity:1;margin:10px 0;}
#index-page .index-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{color:#363941;position:relative}
#index-page .index-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:after{content:'';width:12px;height:0;border-top:1px solid #363941;position:absolute;bottom:5px;left:50%;margin-left:-6px;}
.index-header{position:absolute;width:100%;z-index:99;padding:15px 30px;}
.index-header .logo{float:left;}
.index-header .logo.logo-sm{padding-top:10px;}
.index-header .head-nav{float:left;padding:20px 15px 10px;}
.index-header .head-nav .link-item{font-size:16px;line-height:32px;padding:0 25px;color:#050505;}
.index-header .head-nav .link-item:hover,
.index-header .head-nav .link-item.active{color:#deb55b;}
.page-content{width:100%;height:100%;position:relative;padding:170px 0  95px 130px;}
.index-page-1{}
.index-page-1:after{content:'';width:100%;height:220px;position:absolute;background:#aaaeb7;bottom:190px;left:0;}
.index-page-1 .contact-box{width:100%;height:150px;position:absolute;bottom:0;left:130px;font-size:14px;line-height:30px;color:#363941;letter-spacing:3px;}
.index-page-1 .case-box{width:1250px;height:100%;position:absolute;right:0;top:0;}
.index-page-2{width:100%;height:100%;position:relative;}
.index-page-2 .left-box{width:525px;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.index-page-2 .right-box{padding:60px 100px;margin-left:530px;}
.index-page-3{padding-right:130px;}
.index-page-3 .news-header{height:120px;padding:36px 0;background-repeat:no-repeat;background-position:right center;background-size:auto 100%;background-image:url(/static/home/img/omy_01.png)}
.index-page-3 .news-list{width:100%;height:570px;overflow:hidden;}
.img-news-list .news-item{display:block;width:100%;height:265px;overflow:hidden;position:relative;margin-bottom:40px;}
.img-news-list .news-item .news-thumb{width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -ms-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;}
.img-news-list .news-item .news-title{width:100%;height:60px;padding:10px;overflow:hidden;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);font-size:14px;line-height:20px;color:#fff;}
.img-news-list .news-item:hover .news-thumb{transform:scale(1.1)}
/*************/
.img-square-list .img-item{display:block;width:100%;height:0;padding-bottom:100%;overflow:hidden;position:relative;margin-bottom:10px;}
.img-square-list .img-item .item-thumb{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -ms-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;}
.img-square-list .img-item .item-title{width:100%;height:30px;padding:0 10px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);font-size:14px;line-height:30px;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.img-square-list .img-item:hover .item-thumb{transform:scale(1.1)}
/*************/
.news-page-list .news-item{display:block;height:120px;padding-left:200px;position:relative;margin-bottom:20px;}
.news-page-list .news-item.no-thumb{padding-left:0;}
.news-page-list .news-item .mc-thumb-square{width:180px;height:120px;position:absolute;top:0;left:0;}
.news-page-list .news-item .news-info{width:100%;height:auto;position:relative;top:50%;transform:translateY(-50%)}
.img-case-list .case-item{display:block;width:100%;height:270px;overflow:hidden;position:relative;margin-bottom:20px;}
.img-case-list .case-item .case-thumb{width:100%;height:240px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative}
.img-case-list .case-item .case-thumb .qrcode{width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;left:0;top:-100%;-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-ms-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;}
.img-case-list .case-item .case-thumb .qrcode img{display:block;width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.img-case-list .case-item .case-title{width:100%;height:30px;padding:0 10px;font-size:14px;line-height:30px;color:#050505;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.img-case-list .case-item:hover .case-thumb .qrcode{top:0;}
.hot-news-list{padding:20px 0;}
.hot-news-list li{padding-left:20px;position:relative;}
.hot-news-list li:after{content:'';width:16px;height:16px;text-align:center;line-height:16px;position:absolute;left:0;top:7px;border-radius:3px;background:#626774;color:#fff;}
.hot-news-list li:nth-child(1):after{content:'1';background:#deb55b;color:#fff;}
.hot-news-list li:nth-child(2):after{content:'2';background:#deb55b;color:#fff;}
.hot-news-list li:nth-child(3):after{content:'3';background:#deb55b;color:#fff;}
.hot-news-list li:nth-child(4):after{content:'4';}
.hot-news-list li:nth-child(5):after{content:'5';}
.hot-news-list li:nth-child(6):after{content:'6';}
.hot-news-list li:nth-child(7):after{content:'7';}
.hot-news-list li:nth-child(8):after{content:'8';}
.hot-news-list li:nth-child(9):after{content:'9';}
.hot-news-list li:nth-child(10):after{content:'10';}
.hot-news-list .news-item{display:block;font-size:14px;line-height:30px;color:#363941;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hot-news-list .news-item:hover{color:#deb55b;}
.img-product-list .product-item{display:block;width:100%;height:300px;overflow:hidden;position:relative;margin-bottom:10px;}
.img-product-list .product-item .product-thumb{width:100%;height:240px;overflow:hidden;background-repeat:no-repeat;background-position:bottom center;background-size:cover;position:relative}
.img-product-list .product-item .product-title{width:100%;height:20px;margin-top:5px;padding:0 5px;font-size:14px;line-height:20px;color:#050505;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-page-4 {padding-right:130px;height:100%;}
.index-page-4 .product-box{padding-left:700px;height:600px;position:relative;}
.index-page-4 .left-box{width:650px;height:100%;position:absolute;top:0;left:0;}
.index-page-4 .left-box img{width:393px;float:left;}
.index-page-4 .product-cate-list{width:200px;height:auto;float:left;margin-left:50px;position:relative;top:50%;transform:translateY(-50%)}
.index-page-4 .product-cate-list .cate-item{display:block;font-size:16px;color:#363941;line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-page-4 .product-list:before{content:'oumeiya';width:480px;height:30px;text-align:right;color:#aaaeb7;border-bottom:1px solid #aaaeb7;text-transform: uppercase;font-size:18px;line-height:30px;
    position:absolute;top:220px;right:-200px;transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */}
.index-page-4 .product-list:after{content:'';width:372px;height:60px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/static/home/img/omy_01.png);
    position:absolute;top:150px;right:-40px;transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */}
.index-page-4 .product-list{width:100%;height:570px;overflow:hidden;padding-right:240px;}
.index-page-4 .product-list .product-item{display:block;width:100%;height:265px;overflow:hidden;position:relative;margin-bottom:40px;}
.index-page-4 .product-list .product-item .news-thumb{width:100%;height:100%;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -ms-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;}
.index-page-4 .product-list .product-item .news-title{width:100%;height:60px;padding:10px;overflow:hidden;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);font-size:14px;line-height:20px;color:#fff;}
.index-page-4 .product-list .product-item:hover .news-thumb{transform:scale(1.1)}
.more-link{padding:8px 20px;border:1px solid #aaaeb7;font-size:14px;color:#050505;}
.more-link:hover{background:#d0b257;color:#050505;border-color:#d0b257}
#case-big{width:100%;height:100%;position:relative}
#case-big .swiper-slide{width:730px!important;height:100%;margin-right:240px;}
#case-big .swiper-slide-active{width:280px!important;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#case-big .case-swiper-pagination{width:240px!important;height:40px;bottom:270px;left:280px;position:absolute;padding:20px;text-align:center;}
#case-big .case-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;background:#fff;}
#case-big .case-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#e4c25a;}
#case-big .swiper-slide .case-item{width:100%;height:100%;position:absolute;left:0;bottom:0;}
#case-big .swiper-slide .case-item .case-name{display:none;}
#case-big .swiper-slide .case-item .case-img{width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
#case-big .swiper-slide-active .case-item{width:100%;height:100%;position:absolute;left:0;bottom:0;}
#case-big .swiper-slide-active .case-item .case-name{display:block;width:100%;height:40px;position:absolute;left:0;bottom:500px;padding:0 10px;font-size:36px;color:#aaaeb7;line-height:40px;text-align:right;}
#case-big .swiper-slide-active .case-item .case-img{display:block;width:100%;height:415px;border:8px solid #363941;position:absolute;left:0;bottom:70px;}
#case-big .case-item:after{content:'';width:0;height:170px;border-right:1px solid #363941;position:absolute;right:0;bottom:500px;}
.index-copyright{font-size:14px;line-height:30px;color:#aaaeb7;position:absolute;z-index:99;left:130px;bottom:0;padding:10px 0;}

.inside-page{width:100%;height:100%;position:relative;padding:0 130px 0 300px;}
.inside-page.news-content-page{padding:0 520px 0 300px;}
.inside-page.news-content-page .right-box{width:450px;height:100%;border-left:1px solid #aaaeb7;padding:20px;position:absolute;right:50px;top:0;}
.inside-page .menu-box{width:250px;height:100%;position:absolute;left:0;top:0;background:#363941}
.menu-box .page-menu{position:relative;width:100%;}
.menu-box .page-menu .menu-item{position:relative;width:100%;height:40px;}
.menu-box .page-menu .menu-item .menu-link{display:block;width:100%;height:40px;font-size:14px;line-height:40px;padding:0 15px;color:#fff;}
.menu-box .page-menu .menu-item.active .menu-link,
.menu-box .page-menu .menu-item:hover .menu-link{background:#12100e;}
.inside-page .content-box{width:100%;height:100%;position:relative;overflow-y:auto;}
.inside-page .content-box .breadcrumb{background:none;padding:8px 0;}
.inside-page .contact-form{width:550px;height:100%;position:absolute;left:0;top:0;background:#363941;padding:100px 50px 0 180px;}
.inside-page .contact-form:before{content:'oumeiya';width:400px;height:30px;text-align:right;color:#d0b257;border-bottom:1px solid #d0b257;text-transform: uppercase;font-size:18px;line-height:30px;
    position:absolute;top:185px;left:-100px;transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */}
.inside-page .contact-form:after{content:'';width:55px;height:55px;background:url("/static/home/img/logo_yellow.png") no-repeat center center;position:absolute;left:60px;bottom:60px;}
.inside-page .contact-form .form-control{background:#4b4f59;color:#aaaeb7;border:none;}
.inside-page .contact-form .form-group{margin-bottom:0;}
.inside-page .contact-form .btn-sub{background:#d0b257;padding:8px 30px;}
.inside-page .contact-form .error-msg{width:100%;height:30px;line-height:30px;font-size:12px;color:#4b4f59;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.article-box {padding:20px;}
.article-box .article-title{text-align:center;font-size:18px;line-height:24px;margin:10px auto;}
.article-box .article-info{text-align:center;font-size:12px;line-height:24px;color:#989898;margin:10px auto;}
.article-box .article-info span{margin:0 15px;}
.article-box .article-content{font-size:14px;line-height:24px;text-align:justify}
.article-box .article-content img{max-width:100%;}
.case-content{}
.case-content .case-show-box{height:560px;width:100%;position:relative;padding:0 470px 0 0;}
.case-content .case-show-box .case-info-box{width:450px;height:100%;position:absolute;right:0;top:0;overflow-y:auto;}
.case-content .case-show-box .case-vr{width:100%;height:100%;}
.case-content .case-show-box .case-vr iframe{width:100%;height:100%;}
.case-info-box .info-cell{}
.case-info-box .info-cell .cell-row{position:relative;min-height:30px;height:auto;padding-left:65px;}
.case-info-box .info-cell .cell-row .cell-tit{position:absolute;left:0;top:0;width:60px;line-height:30px;color:#989898;}
.case-info-box .info-cell .cell-row .cell-con{width:100%;height:auto;font-size:12px;line-height:30px;}
.case-info-box .info-cell .cell-row +.cell-row{margin-top:5px;}
/*分页样式*/
#page { padding:10px; }
#page .paginationjs-pages { position: relative; left: 50%; }
#page .paginationjs-pages ul { margin-left: -50%; }
#page .paginationjs-pages li > a{min-width:40px;height:40px;line-height:40px;background:#fff;opacity:1;color:#363941}
#page .paginationjs.paginationjs-theme-primary .paginationjs-pages li{border-color:#e8e8e8;}
#page .paginationjs-pages .paginationjs-page { border: 1px solid #e8e8e8; margin-right: -1px; border-radius: 0; }
#page .paginationjs-pages .paginationjs-page a { display: block; color: #333;min-width:40px;height:40px;line-height:40px; }
#page .paginationjs-pages li.active > a { color: #fff;background:#363941; }

#page .paginationjs-pages .paginationjs-prev, #page .paginationjs-pages .paginationjs-next { padding: 0; border: 1px solid #e8e8e8; border-radius: 0; }
#page .paginationjs-pages .paginationjs-prev { margin-right:-1px; }
#page .paginationjs-pages .paginationjs-next { margin-left:-1px; }
@media screen and (max-width:1440px){
    .index-page-1 .omy-01 img{width:420px;}
    .index-page-1 .case-box{width:900px;}
    #case-big .swiper-slide{width:550px!important;background-size:auto 100%;margin-right:180px;}
    #case-big .swiper-slide-active{width:280px!important;height:100%;}
    #case-big .case-swiper-pagination{width:180px!important;padding:20px 10px;}
    #case-big .case-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;}
    #case-big .swiper-slide-active .case-item .case-img{height:380px;border:5px solid #363941;}
    .index-page-2 .left-box{width:450px;}
    .index-page-2 .right-box{padding:60px 80px;margin-left:450px;}
    .index-page-2 .right-box .omy-01 img{width:420px;}
    .index-page-3 .news-header{height:80px;padding:16px 0;}
    .index-page-3 .news-list{width:100%;height:520px;overflow:hidden;}
    .index-page-3 .news-list .news-item{display:block;width:100%;height:240px;overflow:hidden;position:relative;margin-bottom:40px;}
    .index-page-4 .product-box{padding-left:550px;height:550px;}
    .index-page-4 .left-box{width:550px;}
    .index-page-4 .left-box img{width:360px;}
    .index-page-4 .product-cate-list{width:150px;margin-left:40px;}
    .index-page-4 .product-list{width:100%;height:550px;overflow:hidden;padding-right:240px;}
    .index-page-4 .product-list .product-item{display:block;width:100%;height:200px;overflow:hidden;position:relative;margin-bottom:30px;}
}
/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width:1280px){
    .index-page-1:after{content:'';width:100%;height:180px;position:absolute;background:#aaaeb7;bottom:160px;left:0;}
    .index-page-1 .omy-01 img{width:360px;}
    .index-page-1 .case-box{width:800px;}
    #case-big .swiper-slide{width:420px!important;background-size:auto 100%;margin-right:180px;}
    #case-big .swiper-slide-active{width:200px!important;height:100%;}
    #case-big .case-swiper-pagination{width:180px!important;padding:20px 10px;left:200px;bottom:230px;}
    #case-big .case-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;}
    #case-big .swiper-slide-active .case-item .case-name{bottom:400px;font-size:18px;}
    #case-big .swiper-slide-active .case-item .case-img{height:296px;border:5px solid #363941;bottom:100px;}
    #case-big .case-item:after{bottom:400px;}
    .index-page-2 .left-box{width:320px;}
    .index-page-2 .right-box{padding:40px 60px;margin-left:320px;}
    .index-page-2 .right-box .omy-01 img{width:360px;}
    .index-page-3 .news-header{height:68px;padding:10px 0;}
    .index-page-3 .news-list{width:100%;height:420px;overflow:hidden;}
    .index-page-3 .news-list .news-item{display:block;width:100%;height:200px;overflow:hidden;position:relative;margin-bottom:20px;}
    .index-page-4 .product-box{padding-left:550px;height:480px;}
    .index-page-4 .left-box{width:550px;}
    .index-page-4 .left-box img{height:480px;width:auto;}
    .index-page-4 .product-cate-list{width:150px;margin-left:40px;}
    .index-page-4 .product-list{width:100%;height:550px;overflow:hidden;padding-right:240px;}
    .index-page-4 .product-list .product-item{display:block;width:100%;height:180px;overflow:hidden;position:relative;margin-bottom:30px;}
    .index-page-4 .product-list .mc-avg-lg-2 > li{width:100% !important}
    .index-page-4 .product-list .mc-avg-lg-2 > li:nth-child(3),
    .index-page-4 .product-list .mc-avg-lg-2 > li:nth-child(4){display:none;}
}
/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width:1024px){
    .index-page-1:after{content:'';width:100%;height:180px;position:absolute;background:#aaaeb7;bottom:160px;left:0;}
    .index-page-1 .omy-01 img{width:360px;}
    .index-page-1 .case-box{width:480px;}
    #case-big .swiper-slide{width:100px!important;background-size:auto 100%;margin-right:180px;}
    #case-big .swiper-slide-active{display:block;width:200px!important;height:100%;}
    #case-big .case-swiper-pagination{width:180px!important;padding:20px 10px;left:200px;bottom:230px;}
    #case-big .case-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;}
    #case-big .swiper-slide-active .case-item .case-name{bottom:400px;font-size:18px;}
    #case-big .swiper-slide-active .case-item .case-img{height:296px;border:5px solid #363941;bottom:100px;}
    #case-big .case-item:after{bottom:400px;}
    .index-page-2 .left-box{width:320px;}
    .index-page-2 .right-box{padding:40px 60px;margin-left:320px;}
    .index-page-2 .right-box .omy-01 img{width:360px;}
    .index-page-2 .right-box .about-box{height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3!important;overflow: hidden;}
    .index-page-3 .news-header{height:68px;padding:10px 0;}
    .index-page-3 .news-list{width:100%;height:420px;overflow:hidden;}
    .index-page-3 .news-list .news-item{display:block;width:100%;height:200px;overflow:hidden;position:relative;margin-bottom:20px;}
    .index-page-4 .product-box{padding-left:550px;height:450px;}
    .index-page-4 .left-box{width:500px;}
    .index-page-4 .left-box img{height:450px;width:auto;}
    .index-page-4 .product-cate-list{width:150px;margin-left:40px;}
    .index-page-4 .product-list{width:100%;height:450px;overflow:hidden;padding-right:0;}
    .index-page-4 .product-list:after,
    .index-page-4 .product-list:before{display:none;}
    .index-page-4 .product-list .product-item{display:block;width:100%;height:160px;overflow:hidden;position:relative;margin-bottom:30px;}
    .index-page-4 .product-list .mc-avg-lg-2 > li{width:100% !important}
    .index-page-4 .product-list .mc-avg-lg-2 > li:nth-child(3),
    .index-page-4 .product-list .mc-avg-lg-2 > li:nth-child(4){display:none;}
}
